// Global variable overrides. Must be declared before importing Valo.

// Defines the plaintext font size, weight and family. Font size affects general component sizing.
//$v-font-size: 16px;
//$v-font-weight: 300;
//$v-font-family: "Open Sans", sans-serif;

// Defines the border used by all components.
//$v-border: 1px solid (v-shade 0.7);
//$v-border-radius: 4px;

// Affects the color of some component elements, e.g Button, Panel title, etc
//$v-background-color: hsl(210, 0%, 98%);
// Affects the color of content areas, e.g  Panel and Window content, TextField input etc
//$v-app-background-color: $v-background-color;

// Affects the visual appearance of all components
//$v-gradient: v-linear 8%;
//$v-bevel-depth: 30%;
//$v-shadow-opacity: 5%;

// Defines colors for indicating status (focus, success, failure)
//$v-focus-color: valo-focus-color(); // Calculates a suitable color automatically
//$v-friendly-color: #2c9720;
//$v-error-indicator-color: #ed473b;

// For more information, see: https://vaadin.com/book/-/page/themes.valo.html
// Example variants can be copy/pasted from https://vaadin.com/wiki/-/wiki/Main/Valo+Examples

@import "../valo/valo.scss";

@mixin sanasa_sme_vaadin {
  @include valo;

   // Insert your own theme rules here
  
  .v-app{
    	font-size:14px; 
   	}
   	.v-view{
    	font-size:14px; 
  	}
  	
  	.v-textfield{
    	font-size:14px;
   	}
   	.v-checkbox{
   	   font-size:12px;
   	}
   	 .v-button{
    font-size:14px;
    
   }
   
   .v-button-caption{
    color:#3333CC;
   }
   .v-label{
    .h6-company{
    	font-size: 35px;
    	color: #3333FF;
    	float: middle;
    	text-decoration:none;
    }
   }
   	
 	.v-panel-signIn{
     	background:#EEEEEE;
   		border-top: 2px solid #3300CC;
     	border-bottom: 2px solid #3300CC;
     	border-left: 2px solid #3300CC;
     	border-right: 2px solid #3300CC;
 	}
 	.v-tabsheet-contents {
 	
 	    
 	}
 	
 	
   .v-panel-deco {
         height: 1;
              }
   .h6-red {
    font-size: 14px;
    color: #D00000;
    float: right;
    text-decoration:none;
    }
    
     .h6-blue{
     text-decoration:none;
     float: right;
     
     
    }
    .h6-company{
    	font-size: 35px;
    	color: #000066;
    	float: middle;
    	text-decoration:none;
    }
    
    .v-link {
    		font-weight: bold;
    	  text-decoration:none;
     }
     
     .v-link:hover{
     color: #660066;
     background : #66CCFF;
    }
 	
 	.v-panel-caption
	{
		
		
		font-style: normal;
		padding-left: 8px;
		padding-top: 4px;
		padding-bottom: 3px;
	}
	
	 .v-captiontext-tabTitle {
		font-weight: bold;
       	color: #000066;
}
	.v-captiontext {
		font-weight: bold;
       	
	}
	
	.listTable .v-captiontext{
		font-weight: bold;
       	color: #000066;
}

	 
}
